<template>
  <div class="key-talent-list">
      <el-table :data="listData.list" style="width: 100%" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.4)" size="mini" :header-cell-style=" {fontWeight:'bold',background:'#f8f8f9',color: '#515a6e',height:'40px'}" border
      >
        <el-table-column label="姓名" prop="name" width="100"/>
        <el-table-column label="性别" prop="gender_text" width="60"/>
        <el-table-column label="工作单位职务" prop="job_text" min-width="180"/>
        <el-table-column label="政治面貌" prop="politics_text" width="120"/>
        <el-table-column label="民族" prop="nation_text" width="80"/>
        <el-table-column label="学历" prop="education_text" width="80"/>
        <el-table-column label="出生日期" prop="birthday" width="80"/>
        <el-table-column label="行业" prop="industry" width="150"/>
      </el-table>
    <el-pagination
        :current-page="listPram.page"
        :layout="'total, prev, pager, next, jumper'"
        :total="listData.count"
        @current-change="handleCurrentChange"
    />
  </div>
</template>
<script>
import {talentList} from "@/api/statistical1";

export default {
  name:'KeyTalentList',
  props:['id'],
  data(){
    return{
      listData: {list: [],count:0,},
      listPram: {
        page: 1,
        limit: 10,
      },
      loading:false,
    }
  },
  methods:{
    getTableList(){
      /*talentList({...this.listPram,talentCategory:this.id}).then(res=>{
        res.list.forEach(item=>{
          item.birthday=item.birthday.slice(0,7)
        })
        this.listData=res;
      })*/
      const data=[
        [
          {id:1,name:'樊锦诗',gender_text:'女',job_text:'敦煌研究院名誉院长',politics_text:'中共党员',nation_text:'汉族',education_text:'大学本科',birthday:'1938.07',industry:'考古研究'},
        ],
        [
          {id:1,name:'闫治斌',gender_text:'男',job_text:'敦煌种业集团股份有限公司研发总监、研究院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1968.11',industry:'农林牧渔及农产品加工'},
        ],
        [
          {id:1,name:'王冲',gender_text:'男',job_text:'大禹节水集团股份有限公司党委书记兼副董事长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1971.06',industry:'科技与创新管理'},
          {id:2,name:'谢永生',gender_text:'男',job_text:'大禹节水集团股份有限公司总裁',politics_text:'中共党员',nation_text:'汉族',education_text:'研究生',birthday:'1968.06',industry:'种子机械'},
        ],
        [
          {id:1,name:'王广万',gender_text:'男',job_text:'奥凯种子机械公司副总经理',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1964.03',industry:'种子机械'},
          {id:2,name:'闫治斌',gender_text:'男',job_text:'敦煌种业集团股份有限公司研发总监、研究院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1968.11',industry:'农林牧渔及农产品加工'},
          {id:3,name:'张国森',gender_text:'男',job_text:'酒泉市农技中心副主任、研究院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1965.07',industry:'农林牧渔及农产品加工'},
          {id:4,name:'王冲',gender_text:'男',job_text:'大禹节水集团股份有限公司党委书记兼副董事长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1971.06',industry:'科技与创新管理'},
          {id:5,name:'贾生活',gender_text:'男',job_text:'奥凯种子机械公司',politics_text:'中共党员',nation_text:'汉族',education_text:'博士',birthday:'1947.04',industry:'种子机械'},
          {id:6,name:'何建宏',gender_text:'男',job_text:'敦煌市人民医院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'博士',birthday:'1967.12',industry:'卫生'},
          {id:7,name:'曹新',gender_text:'男',job_text:'敦煌中学',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1963.04',industry:'教育'},
          {id:8,name:'王多胜',gender_text:'男',job_text:'酒泉市人大办公室二级巡视员',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1960.11',industry:'农林牧渔及农产品加工'},
          {id:9,name:'张普选',gender_text:'男',job_text:'酒泉市人大常委会副主任',politics_text:'九三学社社员',nation_text:'汉族',education_text:'研究生',birthday:'1954.02',industry:'农林牧渔及农产品加工'},
          {id:10,name:'段学义',gender_text:'男',job_text:'酒泉市农科所',politics_text:'中共党员',nation_text:'汉族',education_text:'大专',birthday:'1954.12',industry:'农林牧渔及农产品加工'},
          {id:11,name:'李国梁',gender_text:'男',job_text:'酒泉市农科所',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1931.07',industry:'农林牧渔及农产品加工'},
          {id:12,name:'阎兴才',gender_text:'男',job_text:'酒泉市畜牧中心',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1950.10',industry:'农林牧渔及农产品加工'},
          {id:13,name:'闫晓林',gender_text:'女',job_text:'酒泉市农业机械化服务中心（原酒泉市农机推广站）',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1946.09',industry:'农林牧渔及农产品加工'},
          {id:14,name:'刘忠贵',gender_text:'男',job_text:'酒泉市农业技术推广服务中心',politics_text:'中共党员',nation_text:'汉族',education_text:'大学',birthday:'1955.09',industry:'农林牧渔及农产品加工'},
          {id:15,name:'祁保忱',gender_text:'男',job_text:'肃州区畜牧中心',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1937.09',industry:'农林牧渔及农产品加工'},
          {id:16,name:'焦松旺',gender_text:'男',job_text:'玉门市农林技术推广服务中心',politics_text:'群众',nation_text:'汉族',education_text:'中专',birthday:'1936.03',industry:'农林牧渔及农产品加工'},
        ],
        [
          {id:1,name:'闫治斌',gender_text:'男',job_text:'敦煌种业集团股份有限公司研发总监、研究院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1968.11',industry:'农林牧渔及农产品加工'},
          {id:2,name:'贾峻',gender_text:'男',job_text:'酒泉奥凯种子机械股份有限公司董事长、副总工程师、研究院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'研究生',birthday:'1974.03',industry:'农业机械'},
          {id:3,name:'张正坤',gender_text:'男',job_text:'酒泉市人民医院消化内科主任',politics_text:'硕士研究生',nation_text:'汉族',education_text:'研究生',birthday:'1964.11',industry:'卫生'},
          {id:4,name:'王广万',gender_text:'男',job_text:'奥凯种子机械公司副总经理',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1964.03',industry:'种子机械'},
          {id:5,name:'宋秉生',gender_text:'男',job_text:'酒泉大得利制药股份有限公司总经理',politics_text:'群众',nation_text:'汉族',education_text:'硕士研究生',birthday:'1963.12',industry:'制药'},
          {id:6,name:'王冲',gender_text:'男',job_text:'大禹节水集团股份有限公司党委书记兼副董事长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士研究生',birthday:'1971.06',industry:'科技与创新管理'},
          {id:7,name:'谢永生',gender_text:'男',job_text:'大禹节水集团股份有限公司总裁',politics_text:'中共党员',nation_text:'汉族',education_text:'研究生',birthday:'1968.06',industry:'种子机械'},
          {id:8,name:'付秋峰',gender_text:'男',job_text:'酒泉奥凯种子机械股份有限公司副总经理、技术中心主任',politics_text:'中共党员',nation_text:'汉族',education_text:'研究生',birthday:'1980.09',industry:'电气控制'},
          {id:9,name:'冯黎成',gender_text:'男',job_text:'酒泉职业技术学院新能源工程学院党支部书记、院长',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1971.01',industry:'新能源发电技术研究及教学'},
        ],
        [
          {id:1,name:'曹新',gender_text:'男',job_text:'敦煌中学',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1963.04',industry:'教育'},
          {id:2,name:'赵玮璋',gender_text:'男',job_text:'酒泉师范副校长',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1963.11',industry:'教育'},
          {id:3,name:'蔡建茂',gender_text:'男',job_text:'酒泉市医院副院长',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1954.05',industry:'卫生'},
          {id:4,name:'赵云',gender_text:'男',job_text:'西部农业科技有限公司董事长兼总经理',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1964.04.',industry:'农林牧渔及农产品加工'},
          {id:5,name:'张正坤',gender_text:'男',job_text:'酒泉市人民医院消化内科主任',politics_text:'硕士研究生',nation_text:'汉族',education_text:'研究生',birthday:'1964.11',industry:'卫生'},
          {id:6,name:'程志国',gender_text:'男',job_text:'酒泉市农科院院长',politics_text:'本科',nation_text:'汉族',education_text:'研究生',birthday:'1965.08',industry:'农林牧渔及农产品加工'},
          {id:7,name:'刘国春',gender_text:'男',job_text:'酒泉奥凯种子机械股份有限公司工程师',politics_text:'硕士',nation_text:'汉族',education_text:'研究生',birthday:'1972.02',industry:'种子机械'},
          {id:8,name:'张国森',gender_text:'男',job_text:'酒泉市农技中心副主任、研究院院长',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1965.07',industry:'农林牧渔及农产品加工'},
          {id:9,name:'司长源',gender_text:'男',job_text:'敦煌市疾控中心主任',politics_text:'中共党员',nation_text:'汉族',education_text:'大专',birthday:'1958.06',industry:'卫生'},
          {id:10,name:'张钊兰',gender_text:'女',job_text:'瓜州县农技中心副主任',politics_text:'中共党员',nation_text:'汉族',education_text:'大专',birthday:'1952.12',industry:'农林牧渔及农产品加工'},
          {id:11,name:'马长源',gender_text:'男',job_text:'肃州区畜牧中心主任',politics_text:'中共党员',nation_text:'汉族',education_text:'大专',birthday:'1951.11',industry:'农林牧渔及农产品加工'},
          {id:12,name:'王新辉',gender_text:'男',job_text:'酒泉市教育局正县级督学',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1948.04',industry:'教育'},
          {id:13,name:'张志荣',gender_text:'男',job_text:'酒泉市体育局调研员',politics_text:'中共党员',nation_text:'汉族',education_text:'本科',birthday:'1954.08',industry:'文化体育'},
          {id:14,name:'赵文怀',gender_text:'男',job_text:'肃州区蔬菜技术服务中心主任',politics_text:'中共党员',nation_text:'汉族',education_text:'大专',birthday:'1955.10',industry:'农林牧渔及农产品加工'},
          {id:15,name:'张文杰',gender_text:'男',job_text:'瓜州县农技中心副主任',politics_text:'中共党员',nation_text:'汉族',education_text:'大专',birthday:'1956.05',industry:'农林牧渔及农产品加工'},
        ],
        [
          {id:1,name:'向龙春',gender_text:'男',job_text:'酒泉市第二人民医院二支部副书记、感染科主任',politics_text:'中共党员',nation_text:'汉族',education_text:'学士',birthday:'1981.11',industry:'卫生'},
          {id:2,name:'程俊文',gender_text:'男',job_text:'酒泉市人民医院内分泌科',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士',birthday:'1983.01',industry:'卫生'},
          {id:3,name:'潘艳花',gender_text:'女',job_text:'酒泉市种子管理站检验科科长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士',birthday:'1985.11',industry:'农业种子'},
          {id:4,name:'王浩宇',gender_text:'男',job_text:'大禹节水集团股份有限公司董事长',politics_text:'中共党员',nation_text:'汉族',education_text:'硕士',birthday:'1991.06',industry:'农田水利'},
        ]
      ];
      let row=data[this.id-1];
      this.listData={count:row.length,list:row.slice((this.listPram.page - 1)*(this.listPram.limit),(this.listPram.page - 1)*(this.listPram.limit)+10)}
    },
    handleCurrentChange(val) {
      this.listPram.page = val
      this.getTableList()
    },
  },
  mounted() {
    this.getTableList();
  }
}
</script>
<style lang="scss">
.key-talent-list{
  .el-table{
    border: none;
    border-radius: 6px;
  }
  .el-pagination{
    margin-top: 10px;
    display: flex;
    justify-content: center;
    .el-pagination__total{
      color: #fff;
    }
    .el-pagination__jump{
      color: #fff;
    }
    .btn-prev,.btn-next{
      background: none;
      i{
        color: #fff;
      }
    }
    .el-pagination__jump{
      input{
        background: none;
        color: #fff;
      }
    }
    .el-pager li.active{
      color: #409eff;
    }
    .el-pager{
      li{
        background: none;
        color: #fff;
      }
    }
  }
  .el-table__header{
    th{
      background: #1A2229 !important;
      border-color: #424242 !important;
      div{
        color: #fff;
      }
    }
  }
  .el-table--border::after, .el-table--group::after,.el-table::before{
    display: none;
  }
  .el-table__row{
    background: rgba(26, 34, 41, 0.9);
    td{
      border-color: #424242 !important;
      div{
        color: #fff;
      }
    }
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
    background: none;
  }
  .el-table__row:hover{
    background: rgba(26, 34, 41, 0.9);
  }
}
</style>
